.register{
    height: 100vh;
    background-image: url(../../assets/img/v-play-bg.jpg);
    background-size: 100% 100%;
  }
 .register .title{
    padding-top:100px ;
  }
  .Login {
    margin: auto;
  	width: 24rem;
  	height: 25.75rem;
  	padding-top: 50px;
  	box-sizing: border-box;
  }
  .el-input{
    border: none;
    background-color: transparent;
    outline: none;
  }
  input{
  	border: none;
  	background-color: transparent;
  	outline: none;
  }
  .LoginName {
  	width: 100%;
  	display: block;
  	text-align: center;
  	line-height: 80px;
  	color: #fff;
  	font-weight: 700;
  	font-size: 30px;
  	background: linear-gradient(90deg,#FFFF00,#9B30FF,#9AFF9A,#00FFFF);
  	color: transparent;
  	-webkit-background-clip: text;

  	background-size: 400%;
  	animation: sun 4s infinite linear alternate;
  }
  @keyframes sun{
  	100%{
  		background-position: 400%;
  	}
  }
  .item{
  	position: relative;
  	width: 100%;
  	height: 2.8125rem;
  	border-bottom:1px solid #fff ;
  	margin-bottom:40px ;

  }
  .item input{
  	width: 100%;
  	height:100%;
  	color: #fff;
  	padding-top: 30px;
  	box-sizing: border-box;
  }
  .item label{
  	position: absolute;
  	top:-5px;
  	left: 0px;
  	transition: all .5s linear;
  	color: #fff;
  }
  .item input:focus+label,.item input:valid+label{
  	font-size: .5em;
  }
  .btn{
    display: inline-block;
  	position: relative;
  	overflow: hidden;
  	padding: 10px 1.25rem;
  	color: #03e9F4;
  	text-transform: uppercase;
  	letter-spacing: 2px ;
  	transition: all 1s;
    cursor: pointer;
  }
  .btn:hover{
  	border-radius: 0.3125rem;
  	background-color:#00FFFF ;
  	color: #fff;
  	box-shadow: 0 0 5px 0 #00FFFF,0 0 25px 0 #00FFFF,0 0 50px 0 #00FFFF,0 0 100px 0 #00FFFF;
  }
  .btn>span{
  	position: absolute;
  }

  .btn>span:nth-child(1){
  	width: 100%;
  	height: 2px;
  	background: linear-gradient(90deg,transparent,#00FFFF);
  	top: 0rem;
  	left: -100%;
  	animation: line1 1s linear infinite;
  }
  @keyframes line1{
  	50%,100%{
  		left: 100%;
  	}
  }
  .btn>span:nth-child(2){
  	width: 2px;
  	height: 100%;
  	background: -webkit-linear-gradient(top,transparent,#00FFFF);
  	top: -100%;
  	right: 0px;
  	animation: line2 1s 0.25s linear infinite;
  }
  @keyframes line2{
  	50%,100%{
  		top: 100%;
  	}
  }
  .btn>span:nth-child(3){
  	width: 100%;
  	height: 2px;
  	background: -webkit-linear-gradient(right,transparent,#00FFFF);
  	bottom: 0rem;
  	right: -100%;
  	animation: line3 1s  0.5s linear infinite;
  }
  @keyframes line3{
  	50%,100%{
  		right: 100%;
  	}
  }
  .btn>span:nth-child(4){
  	width: 2px;
  	height: 100%;
  	background: -webkit-linear-gradient(bottom,transparent,#00FFFF);
  	bottom: -100%;
  	left: 0px;
  	animation: line4 1s  0.75s linear infinite;
  }
  @keyframes line4{
  	50%,100%{
  		bottom: 100%;
  	}
  }
